// 主色
$color-primary: #409eff;

// 辅色
$color-success: #67c23a;
$color-warning: #e6a23c;
$color-danger: #f56c6c;
$color-info: #909399;

// 基础颜色
$basic-black: #000000; // 黑色
$basic-white: #ffffff; // 白色
$transparent: Transparent; // 透明
$page-background: #f2f3f5; // 页面背景
$base-background: #ffffff; // 基础背景
$overlay-background: #ffffff; // 叠加背景

// 文本颜色
$primary-text: #303133; // 主文本颜色
$regular-text: #606266; // 常规文本颜色
$secondary-text: #909399; // 次要文本颜色
$placeholder-text: #a8abb2; // 占位符文本颜色
$disabled-text: #c0c4cc; // 禁用文本颜色

// 边框颜色
$darker-border: #cdd0d6; // 较暗边框
$dark-border: #d4d7de; // 深色边框颜色
$base-border: #dcdfe6; // 基础边框颜色
$light-border: #e4e7ed; // 浅色边框
$lighter-border: #ebeef5; // 较浅色边框
$extra-light-border: #f2f6fc; // 超亮边框

// 填充颜色
$darker-fill: #e6e8eb; // 较深填充
$dark-fill: #ebedf0; // 深色填充
$base-fill: #f0f2f5; // 基础填充
$light-fill: #f5f7fa; // 亮填充
$lighter-fill: #fafafa; // 较亮填充
$extra-light-fill: #fafcff; // 超亮填充
$blank-fill: #ffffff; // 空白填充
